<template>
  <div class="bdy">
      <router-link to="/xsms"></router-link>
        <Xsms/>
        <div class="shang" v-for="(v,i) in arr" :key="i">
            <div class="lt">
                <img src="qiaoxiaodong/ms1.png" alt="">
            </div>
            <div class="rg">
                <h6>法国eps镇静补水保湿舒缓玫瑰水200ml</h6>
                <p>秒杀</p>
                <span>￥199.00</span>
                <s>￥365</s>
                <div class="xiao">
                    <div class="xlt">
                        <img src="qiaoxiaodong/ms2.png" alt="">
                        <b>美妆商城</b>
                    </div>
                    <div class="xrg">
                        <h4>立即抢购</h4>
                        <h5>剩余两件</h5>
                    </div>
                </div>
            </div>
        </div>
        <Msdb/>
      <router-view></router-view>
  </div>
</template>

<script>
import Xsms from "../../../components/qiaoxiaodong/xsms/xsms.vue"
import Msdb from "../../../components/qiaoxiaodong/xsms/msdibu.vue"
export default {
    components: {
    // 2.调用
    Xsms,Msdb
    },
    data() {
        return {
            arr:[
                {},
                {},
                {},
            ]
        }
    }
}
</script>

<style scoped>
    .bdy {
        background: #f4f4f4;
    }
    .shang {
        width: 100%;
        height: 4.15rem;
        background: #fff;
        display: flex;
        margin-top: 0.3rem;
        
    }
    .lt img{
        width: 3rem;
        height: 3rem;
        margin-left: 0.3rem;
    }
    .rg {
        margin-left: 0.3rem;
    }
    .rg h6 {
        font-size: 0.3rem;
        margin-top: 0.3rem;
    }
    .rg p {
        width: 0.6rem;
        height: 0.35rem;
        font-size: 0.26rem;
        border: 1px solid #df656f;
        color: #df656f;
        margin-top: 0.2rem;
    }
    .rg span {
        font-size: 0.4rem;
        color: red;
    }
    .rg s{
        color: #b7babc;
    }
    .xiao {
        width: 3.8rem;
        height: 1.1rem;
        /* background: red; */
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .xlt img {
        width: 0.55rem;
        height: 0.55rem;
    }
    .xlt b {
        color: #999999;
        margin-top: -0.2rem;
        font-size: 0.24rem;
        margin-left: 0.2rem;
    }
    .xrg h4 {
        width: 1.35rem;
        height: 0.5rem;
        font-size: 0.26rem;
        border: 1px solid #df656f;
        border-radius: 0.5rem;
        background: #df656f;
        color: #fff;
        text-align: center;
        padding-top: 0.1rem;
    }
    .xrg h5 {
        font-size: 0.26rem;
        color: #999999;
        margin-left: 0.2rem;
    }
</style>